﻿<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html>
    <head>
        <title>Sample client</title>
        <meta name="viewport" content="width=device-width; initial-scale=1.0"/>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script src="js/lib/jquery-1.6.4.min.js" type="text/javascript"></script>
        <script src="js/lib/jquery.cookie.js" type="text/javascript"></script>
        <script src="js/lib/jquery.scrollTo-min.js" type="text/javascript"></script>
        <script src="js/lib/json2.js" type="text/javascript"></script>
        <script src="js/ui.js" type="text/javascript"></script>
        <script src="js/server.js" type="text/javascript"></script>
        <script src="js/main.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="StatusBar">
            <div id="MethodSelector">
                <input name="method" type ="radio" value="gps" />GPS <input name="method" type="radio" value="code" />Bus Stop Code
            </div>
            <div id="GPS_Status">
                <div id="Address"></div>
                <div id="LattitudeLabel">Lattitude</div>
                <div id="Lattitude"></div>
                <div id="LongitudeLabel">Longitude</div>
                <div id="Longitude"></div>
                <div id="AccuracyLabel">&plusmn;</div>
                <div id="Accuracy"></div>
                <div id="AccuracyUnits">meters</div>
            </div>
            <div id="ManualCode">
                <div id="Instructions">Enter the Bus stop code, then press the search Button</div>
                <input type="text" />
                <input type="button" value="Search" />
            </div>
        </div>
        <div id="Stops">
            <div id="StopsFavourites"></div>
            <div id="StopsRegulars"></div>
        </div>
    </body>
</html>